import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
// 引入要用的组件
import{HomeComponent} from "./home/home.component";
import{DetailComponent} from "./detail/detail.component";

// Routes配置：保存着哪个url对应着展示哪个组件，以及在哪个RouterOutlet中展示组件
const routes: Routes = [
  /* 在path里不要用“/”来区分根目录还是子目录，且path为自定义名字，一般建议与组件名相同
     在空路径下，会跳转到HomeComponent
  */
     { path: '', component:HomeComponent  },
     { path: 'home', component:HomeComponent  },
     { path: 'detail', component:DetailComponent }, 
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }
